/*
 * Copyright 2009-2015 by WWW.KNET.CN  All rights reserved.
 */

[class^="phone-"],
[class*=" phone-"] {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 16px;
    vertical-align: text-top;
    background-image: url("../image/phone-gray.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 2px;
}

.phones-info {
    padding: 2px 4px;
    color: #005580;
}
.phones-time {
    padding: 2px 4px;
    color: darkgreen;
    float: right;
}

.phones-log{
    width: 100%;
    height: 300px;
    overflow-y: visible;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.btn-phone {
    background-color: white;
    border-radius: 3px;
    float: left;
    line-height: 13px;
    border: 1px white solid;
    padding: 2px 4px;
    color: #8d8d8d;
}

.btn-phone:hover {
    border: 1px #8d8d8d solid;
}

.btn-phone:active [class^="phone-"], [class*=" phone-"] {
    background-image: url("../image/phone-blue.png");
}

.btn-phone[disabled]:active [class^="phone-"], [class*=" phone-"] {
    background-image: url("../image/phone-gray.png");
}

.btn-phone:active {
    background-color: #fff;
    border: 1px #337ab7 solid;
    color: #337ab7;
    padding-top: 1px;
    padding-bottom: 3px;
}
.btn-phone[disabled]:active {
    background-color: white;
    border-radius: 3px;
    float: left;
    line-height: 13px;
    border: 1px white solid;
    padding: 2px 4px;
    color: #8d8d8d;
}



button.btn-active i{
    background-position-y:-82px!important; 
	-ms-background-position-y: -82px;!important;
}
button.btn-active{
    background-color: #fff;
    border: 1px #337ab7 solid;
    color: #337ab7;
}


.btn-phone[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-phone:hover[disabled] {
    border: 1px white solid;
}

.phone-white {
    background-image: url("../image/phone-white.png");
}

.phone-blue {
    background-image: url("../image/phone-blue.png");
}
/* 示忙 */
.phone-sm {
    background-position: -10px -10px;
}

/* 示闲 */
.phone-sx {
    background-position: -46px -10px;
}

/* 呼出 */
.phone-hc {
    background-position: -82px -10px;
}

/* 保持 */
.phone-bc {
    background-position: -118px -10px;
}

/* 接回 */
.phone-jh {
    background-position: -154px -10px;
}

/* 挂断 */
.phone-gd {
    background-position: -190px -10px;
}

/* 转移 */
.phone-zy {
    background-position: -226px -10px;
}

/* 咨询 */
.phone-zx {
    background-position: -262px -10px;
}

/* 桥接 */
.phone-qj {
    background-position: -299px -10px;
}

/* 转出 */
.phone-zc {
    background-position: -334px -10px;
}

/* 会议 */
.phone-hy {
    background-position: -370px -10px;
}

/* 再拨 */
.phone-zb {
    background-position: -406px -10px;
}

/* 应答 */
.phone-yd {
    background-position: -442px -10px;
}

/* 设置 */
.phone-sz {
    background-position: -478px -10px;
}
/* 复位 */
.phone-fw {
    background-position: -515px -10px;
}




